@charset "utf-8";

/* CSS Document */

* {
    margin: 0;
    padding: 0
}
li {
    list-style: none
}
a {
    text-decoration: none
}
img {
    border: none;
    display: block
}
body {
    font-family: "Microsoft YaHei";
    font-size: 16px;
    color: #666;
}
input {
    border: none;
    outline: none;
    font-family: "Microsoft YaHei";
    -webkit-appearance: none;
    border-radius: 0
}

/* ͷ�� */

.header {
    background: #000;
    height: 70px;
    width: 100%;
    min-width: 1200px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10
}
.header-in {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden
}
.header-in .logo {
    float: left;
    margin-top: 9px;
}
.header-in .nav {
    float: right;
    overflow: hidden
}
.header-in .nav li {
    float: left
}
.header-in .nav li a {
    display: block;
    font-size: 18px;
    color: #fff;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center
}
.header-in .nav li a:hover,
.navCrt {
    background: #015DAD
}

/* ��ҳ */

.banner .slider6 .slide {
    position: relative
}
.banner .bx-wrapper .banner-img,
.banner .bx-wrapper {
    width: 100%;
    min-width: 1200px !important;
}
.banner .bx-wrapper .bx-pager.bx-default-pager a {
    background: #fff;
    width: 15px;
    height: 15px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.banner .bx-wrapper .bx-pager.bx-default-pager a:hover,
.banner .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #015DAD;
}
.banner .bx-wrapper .bx-pager,
.banner .bx-wrapper .bx-controls-auto {
    bottom: 20px;
}
.banner-text-bord {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 1200px;
}
.banner-text {
    width: 1200px;
    margin: 0 auto;
    margin-top: 15% !important;
}
.banner-text-btm {
    margin-top: 35px;
}
.banner-text-btm a {
    font-size: 18px;
    display: inline-block;
    color: #fff;
    width: 127px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    background: rgba(0, 93, 173, .9);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #015DAD;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.banner-text-btm a:hover {
    color: #fff;
    background: none;
    border: 1px solid #fff
}
.index-seo {
    width: 100%;
    min-width: 1200px;
    background: url(../images/bg1.jpg) no-repeat;
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 50px;
}
.index-seo .title {
    font-size: 50px;
    color: #333;
    font-weight: bold;
    text-align: center
}
.index-seo .intro {
    width: 825px;
    line-height: 25px;
    margin: 0 auto;
    text-align: center;
    margin-top: 10px;
}
.index-seo-in {
    overflow: hidden;
    width: 1200px;
    margin: 0 auto;
    margin-top: 50px !important
}
.index-seo-in dl {
    float: left;
    width: 280px;
    margin-left: 20px;
    display: inline;
    background: #EFEFEF;
    -webkit-transition: .7s;
    -moz-transition: .7s;
    -o-transition: .7s;
    transition: .7s;
    padding: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.index-seo-in dl:nth-child(1) {
    margin-left: 0
}
.index-seo-in dl dt img {
    width: 272px;
    height: 209px;
}
.index-seo-in dl dd {
    padding: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 130px;
}
.index-seo-in dl dd h1 {
    font-size: 24px;
    text-align: center;
    color: #333;
}
.index-seo-in dl dd p {
    color: #646464;
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    margin-top: 10px;
}
.index-seo-in dl:hover {
    background: #01509F
}
.index-seo-in dl:hover dd h1,
.index-seo-in dl:hover dd p {
    color: #fff
}
.index-made {
    width: 100%;
    background: url(../images/bg2.jpg) no-repeat;
    background-size: cover;
    padding: 125px 0px
}
.index-made-in {
    overflow: hidden;
    margin: 0 auto;
    position: relative;
}
.index-made-lt {
    float: left;
    width: 40%;
    bottom: 0;
    position: absolute;
}
.index-made-rt {
    float: right;
    width: 60%;
    padding: 0 20px;
}
@media (max-width: 860px) {
    .index-made-lt {
        width: 0%;
    }
    .index-made-rt {
        width: 100%;
    }
}
.index-made-pc {
    width: 555px;
    height: 381px;
    background: url(../images/img008.png) no-repeat;
    margin-top: 65px;
}
.index-made-lt h1 {
    font-size: 60px;
    color: #fff
}
.index-made-lt h1 span {
    font-family: Arial, Helvetica, sans-serif;
    display: block;
    font-size: 24px;
    margin-top: 10px
}
.index-made-rt dl {
    overflow: hidden;
    margin-top: 50px;
}
.index-made-rt dl dt img {
    width: 100%;
    height: auto;
}
.index-made-rt dl dt {
    float: left;
    width: 10%;
}
.index-made-rt dl dd {
    float: right;
    width: 90%;
    color: #fff;
    margin-top: 10px;
    padding-right: 10px;
}
.index-made-rt dl dd h1 {
    font-size: 24px;
    margin: 0 10px;
}
.index-made-rt dl dd p {
    font-size: 14px;
    line-height: 24px;
    margin-top: 10px;
    margin-left: 10px;
}
.index-trends {
    width: 100%;
    background: url(../images/bg3.jpg) no-repeat;
    background-size: cover;
    padding-top: 80px;
    padding-bottom: 40px;
}
.index-trends-in {
    margin: 0 auto;
}
.index-trends-in .title {
    overflow: hidden
}
.index-trends-in .title h1 {
    font-size: 48px;
    color: #333;
    float: left
}
.index-trends-in .title h1 span {
    font-size: 30px;
    font-family: Arial, Helvetica, sans-serif;
    display: block;
    margin-top: 10px;
}
.index-trends-in .title .trendsTab {
    float: right;
    overflow: hidden;
    margin-top: 40px;
    margin-right: 20px;
}
.index-trends-in .title .trendsTab li {
    float: left;
    width: 120px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    background: #CCC;
    font-size: 18px;
    color: #323232;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-left: 13px;
    cursor: pointer
}
.index-trends-in .title .trendsCrt {
    color: #fff !important;
    background: #003381 !important
}
.index-trends-box {
    margin-top: 40px;
}
.index-trends-cont {
    overflow: hidden;
    min-height: 355px;
}
.index-trends-cont dl {
    width: 50%;
    float: left;
    overflow: hidden;
    margin-bottom: 30px;
    padding: 20px 12px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.index-trends-cont dl dd h1 {
    font-size: 14px;
    color: #333;
}
.index-trends-cont dl dd p {
    font-size: 12px;
    color: #666;
    margin-top: 5px;
    line-height: 20px
}
.index-trends-cont dl dt {
    float: left;
    width: auto;
}
.index-trends-cont dl dt b {
    font-size: 22px;
    color: #333;
    display: block;
    padding-left: 10px;
    padding-bottom: 5px;
    color: #003381;
}
.index-trends-cont dl dt span {
    font-size: 14px;
    color: #999;
    display: block;
    margin-top: -8px
}
.index-trends-cont dl dd {
    width: 84%;
    background: url(../images/line.png) no-repeat;
    background-size: cover;
    height: 82px;
    padding-left: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding-bottom: 25px
}
.index-trends-cont dl.margin0 {
    margin-right: 0
}
.index-trends-cont dl:hover {
    background: rgba(1, 93, 173, .1)
}
@media (max-width: 600px) {
    .index-trends-cont dl {
        width: 100%;
    }
}

}
@media (max-width: 1199px) {
    .index-trends-cont dl {
        width: 50%;
    }
    .index-trends-cont dl dd {
        width: 90%;
    }
    .index-trends-cont dl {
        margin-bottom: 0px;
        padding: 10px 12px;
    }
}
@media (min-width: 1200px) {
    .index-trends-cont dl dd {
        width: 92%;
    }
}
.index-case {
    width: 100%;
    min-width: 1200px;
    background: url(../images/bg4.jpg) no-repeat;
    background-size: cover;
    padding-top: 120px;
    padding-bottom: 15px;
}
.index-case-in {
    width: 1200px;
    margin: 0 auto;
}
.caseTab {
    text-align: center
}
.caseTab li {
    width: 130px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    background: #010101;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    margin: 0 15px;
    cursor: pointer
}
.caseCrt {
    background: #015DAD !important
}
.index-case-cont {
    overflow: hidden;
    margin-top: 35px;
    min-height: 470px
}
.index-case-cont dl {
    float: left;
    width: 380px;
    position: relative;
    margin-bottom: 20px;
    margin-left: 20px;
}
.index-case-cont dl.margin0 {
    margin-left: 0
}
.index-case-cont dl:hover dd {
    display: block
}
.index-case-cont dl dt img {
    width: 380px;
    height: 210px
}
.index-case-cont dl dd {
    position: absolute;
    top: 0;
    left: 0;
    width: 380px;
    height: 210px;
    padding: 0 36px;
    padding-top: 30px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    background: url(../images/opacity8.png);
}
.index-case-cont dl dd h1 {
    font-size: 24px;
    color: #fff;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.index-case-cont dl dd p {
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 28px;
    margin-top: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.index-case-cont dl dd a.more {
    font-size: 14px;
    color: #fff;
    display: block;
    text-align: center;
    width: 100px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 20px auto
}
.index-us {
    width: 100%;
    min-width: 1200px;
    background: url(../images/bg5.jpg) no-repeat;
    background-size: cover;
    padding-top: 100px;
    padding-bottom: 60px;
}
.index-us-in {
    width: 1200px;
    margin: 0 auto;
}
.index-us-in .title {
    text-align: center;
    font-size: 48px;
    color: #333;
    background: url(../images/img017.png) left 35px no-repeat;
}
.index-us-in .title span {
    font-size: 30px;
    color: #333;
    display: block
}
.index-us-box {
    overflow: hidden;
    margin-top: 65px
}
.index-us-lt {
    float: left;
    width: 468px;
}
.index-us-rt {
    float: right;
    width: 645px
}
.index-us-lt .usTab {
    width: 389px;
    height: 74px;
    background: url(../images/img016.png) no-repeat;
    padding: 12px 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    margin: 0 auto
}
.index-us-lt .usTab li {
    height: 49px;
    line-height: 49px;
    font-size: 18px;
    color: #0F1012;
    width: 120px;
    text-align: center;
    float: left;
    cursor: pointer
}
.index-us-lt .usCrt {
    background: #EBEBEB;
    color: #005CAD !important
}
.index-us-lt .think {
    width: 468px;
    height: 282px;
    background: url(../images/img015.png) no-repeat;
    margin-top: 45px;
}
.index-us-rt .index-us-text p {
    font-size: 14px;
    line-height: 25px;
    color: #3A3B3F;
    margin-top: 30px
}

/* �ײ� */
.footer {
    background: #333;
    width: 100%;
    min-width: 1200px;
    padding-top: 30px
}
.footer-top {
    border-bottom: 1px solid #717171
}
.footer-top-in {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 40px;
}
.footer-top-in h1 {
    font-size: 24px;
    color: #fff
}
.footer-top-in ul {
    overflow: hidden;
    margin-top: 12px
}
.footer-top-in ul li {
    float: left;
    margin-right: 10px;
    line-height: 24px
}
.footer-top-in ul li a {
    color: #ADADAD;
    font-size: 14px;
}
.footer-btm {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    padding: 20px 0
}
.footer-btm-lt {
    width: 750px;
    float: left;
    font-size: 14px;
    color: #666;
    line-height: 24px;
    background: url(../images/line1.jpg) right center no-repeat
}
.footer-btm-rt {
    width: 450px;
    float: left;
    padding-left: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px;
    color: #fff
}
.footer-btm-rt span {
    font-size: 24px;
    font-weight: bold;
    display: block
}
.footer-btm-rt i {
    font-style: normal
}

/* Ʒ�Ʒ��� */
.serve-banner {
    position: relative
}
.serve-banner img {
    width: 100%;
    min-width: 1200px;
}
.serve-banner .text {
    width: 861px;
    height: 199px;
    background: url(../images/text002.png) no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    margin-top: -100px;
}
.serve-brand {
    width: 100%;
    min-width: 1200px;
    background: url(../images/bg6.jpg) no-repeat;
    background-size: cover;
    padding-top: 100px;
    padding-bottom: 140px;
}
.serve-brand-in {
    width: 1200px;
    margin: 0 auto
}
.serve-brand-in .title {
    font-size: 48px;
    color: #333;
    text-align: center
}
.serve-brand-in .text {
    font-size: 16px;
    color: #333;
    text-align: center;
    width: 770px;
    line-height: 30px;
    margin: 0 auto;
    margin-top: 20px
}
.serve-brand-box {
    overflow: hidden;
    margin-top: 50px
}
.serve-brand-box dl {
    float: left;
    width: 25%;
}
.serve-brand-box dl dt {
    width: 161px;
    height: 161px;
    margin: 0 auto
}
.serve-brand-box dl.one dt {
    background: url(../images/icon001.png) no-repeat;
}
.serve-brand-box dl.two dt {
    background: url(../images/icon002.png) no-repeat;
}
.serve-brand-box dl.three dt {
    background: url(../images/icon003.png) no-repeat;
}
.serve-brand-box dl.fore dt {
    background: url(../images/icon004.png) no-repeat;
}
.serve-brand-box dl dd {
    width: 200px;
    margin: 0 auto
}
.serve-brand-box dl h1 {
    font-size: 24px;
    color: #333;
    text-align: center;
    margin-top: 25px
}
.serve-brand-box dl p {
    font-size: 14px;
    color: #333;
    text-align: center;
    line-height: 25px;
    margin-top: 10px;
}
.serve-app {
    width: 100%;
    min-width: 1200px;
    background: url(../images/bg8.jpg) no-repeat;
    background-size: cover;
    padding-top: 155px;
    padding-bottom: 200px;
    position: relative;
}
.serve-app-in {
    width: 1200px;
    overflow: hidden;
}
.serve-app-in .text {
    float: right;
    width: 450px;
}
.serve-app-in .text h1 {
    font-size: 48px;
    color: #333;
}
.serve-app-in .text span {
    font-size: 24px;
    color: #333;
    display: block;
    font-weight: bold;
    margin-top: 10px;
}
.serve-app-in .text p {
    font-size: 18px;
    color: #333;
    line-height: 35px;
    margin-top: 30px
}
.serve-app-in .imgs {
    float: left;
    width: 750px
}
.serve-app-in .imgs .phone {
    width: 393px;
    height: 536px;
    background: url(../images/img018.png) no-repeat;
    position: absolute;
    bottom: 0;
    left: 235px;
}
.serve-app-in .imgs .hand {
    width: 459px;
    height: 315px;
    background: url(../images/img019.png) no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10
}
.serve-WeChat {
    width: 100%;
    min-width: 1200px;
    background: url(../images/bg7.jpg) no-repeat;
    background-size: cover;
    padding-top: 90px;
}
.serve-WeChat .text h1 {
    font-size: 48px;
    text-align: center;
    color: #fff
}
.serve-WeChat .text p {
    font-size: 16px;
    text-align: center;
    color: #fff;
    margin-top: 15px
}
.serve-WeChat-in {
    width: 1130px;
    margin: 0 auto;
    height: 460px;
    margin-top: 35px !important;
    position: relative
}
.serve-WeChat-in .phone {
    margin: 0 auto;
    width: 367px;
    height: 460px;
    background: url(../images/img020.png) no-repeat
}
.serve-WeChat-in dl {
    position: absolute;
}
.serve-WeChat-in dl dd {
    color: #fff;
    text-align: center;
    margin-top: 10px;
}
.serve-WeChat-in dl dt {
    display: block;
    margin: 0 auto
}
.serve-WeChat-in .one dt {
    width: 78px;
    height: 78px;
    background: url(../images/icon005.png) no-repeat;
}
.serve-WeChat-in .one {
    left: 230px;
    top: 10px
}
.serve-WeChat-in .two dt {
    width: 178px;
    height: 178px;
    background: url(../images/icon006.png) no-repeat;
}
.serve-WeChat-in .two {
    left: 0px;
    top: 38px
}
.serve-WeChat-in .three dt {
    width: 78px;
    height: 78px;
    background: url(../images/icon008.png) no-repeat;
}
.serve-WeChat-in .three {
    left: 225px;
    top: 225px
}
.serve-WeChat-in .fore dt {
    width: 78px;
    height: 78px;
    background: url(../images/icon007.png) no-repeat;
}
.serve-WeChat-in .fore {
    left: 45px;
    top: 285px
}
.serve-WeChat-in .five dt {
    width: 100px;
    height: 100px;
    background: url(../images/icon009.png) no-repeat;
}
.serve-WeChat-in .five {
    right: 215px;
    top: 15px
}
.serve-WeChat-in .six dt {
    width: 69px;
    height: 69px;
    background: url(../images/icon010.png) no-repeat;
}
.serve-WeChat-in .six {
    right: 0px;
    top: 65px
}
.serve-WeChat-in .seven dt {
    width: 139px;
    height: 139px;
    background: url(../images/icon011.png) no-repeat;
}
.serve-WeChat-in .seven {
    right: 110px;
    top: 165px
}
.serve-WeChat-in .eight dt {
    width: 69px;
    height: 69px;
    background: url(../images/icon012.png) no-repeat;
}
.serve-WeChat-in .eight {
    right: 225px;
    top: 335px
}

/* ��ҳ-�������� */
.us-banner {
    position: relative
}
.us-banner img {
    width: 100%;
    min-width: 1200px;
}
.us-banner .text {
    width: 790px;
    height: 129px;
    background: url(../images/text003.png) no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    margin-top: -65px;
}
.us-team {
    width: 1200px;
    margin: 0 auto;
    padding-top: 130px;
    padding-bottom: 107px
}
.us-team .title {
    text-align: center;
    font-size: 36px;
    color: #333;
    background: url(../images/img017.png) left 35px no-repeat;
}
.us-team .title span {
    font-size: 24px;
    color: #333;
    display: block
}
.teamIntro {
    width: 1200px;
    margin-top: 60px
}
.teamIntro dl {
    position: relative
}
.teamIntro dl:hover dt {
    filter: alpha(Opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    -webkit-tansition: .5s;
    -moz-tansition: .5s;
    tansition: .5s;
}
.teamIntro dl:hover {
    box-shadow: 0 4px 16px #E4E3E1, 0 0 3px #E4E3E1, 0 0 3px #E4E3E1;
    -webkit-box-shadow: 0 4px 16px #E4E3E1, 0 0 3px #E4E3E1, 0 0 3px #E4E3E1;
    -moz-box-shadow: 0 4px 16px #E4E3E1, 0 0 3px #E4E3E1, 0 0 3px #E4E3E1;
}
.teamIntro dl dt img {
    width: 220px;
    height: 299px
}
.teamIntro dl dd {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 220px;
    height: 75px;
    background: rgba(0, 0, 0, .5);
    padding: 5px 10px 10px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.teamIntro dl dd h1 {
    color: #fff;
    text-align: center;
    font-size: 24px;
    height: 30px;
    overflow: hidden
}
.teamIntro dl dd p {
    color: #fff;
    text-align: center;
    font-size: 18px;
    height: 23px;
    overflow: hidden;
    margin-top: 5px
}
.teamIntro .bx-wrapper .bx-pager.bx-default-pager a {
    display: none
}
.teamIntro .bx-wrapper .bx-prev {
    left: -40px;
    background: url(../images/icon18.png) no-repeat;
}
.teamIntro .bx-wrapper .bx-next {
    right: -40px;
    background: url(../images/icon19.png) no-repeat;
}
.teamIntro .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -26px;
    outline: 0;
    width: 31px;
    height: 52px;
    text-indent: -9999px;
    z-index: 9999;
}
.us-contact {
    width: 100%;
    min-width: 1200px;
    background: url(../images/bg3.jpg) no-repeat;
    background-size: cover;
    padding-top: 120px;
    padding-bottom: 60px;
}
.us-contact-in {
    width: 1200px;
    margin: 0 auto
}
.us-contact-in .title {
    text-align: center;
    font-size: 36px;
    color: #333;
    background: url(../images/img017.png) left 35px no-repeat;
}
.us-contact-in .title span {
    font-size: 24px;
    color: #333;
    display: block
}
.us-contact-box {
    overflow: hidden;
    margin-top: 40px
}
.us-contact-lt {
    float: left;
    width: 50%
}
.us-contact-rt {
    float: left;
    width: 50%
}
.us-contact-lt .map img {
    width: 551px;
    height: 274px;
    border: 3px solid #fff
}
.us-contact-lt ul {
    margin-top: 12px;
}
.us-contact-lt ul li {
    font-size: 16px;
    color: #333;
    line-height: 35px;
}
.us-contact-rt .public-service {
    margin-bottom: 10px;
}
.us-contact-rt .public-service dl {
    overflow: hidden;
    margin-bottom: 10px;
}
.us-contact-rt .public-service dl dt {
    float: left;
    width: 42px;
    height: 46px
}
.us-contact-rt .public-service dl dd {
    float: left;
    width: 450px;
    background: url(../images/line4.jpg) left center no-repeat;
    padding-left: 20px
}
.us-contact-rt .public-service .telephone {
    font-size: 14px;
    color: #666;
    padding-left: 60px;
}
.us-contact-rt .public-service dl.one dt {
    background: url(../images/icon13.png) left center no-repeat;
}
.us-contact-rt .public-service dl.two dt {
    background: url(../images/icon14.png) left center no-repeat;
}
.us-contact-rt .public-service dl.three dt {
    background: url(../images/icon15.png) left center no-repeat;
}
.us-contact-rt .public-service dl.fore dt {
    background: url(../images/icon16.png) left center no-repeat;
}
.us-contact-rt .public-service dl dd span {
    font-size: 18px;
    color: #333;
    font-weight: bold
}
.us-contact-rt .public-service dl dd a i {
    display: inline-block;
    width: 21px;
    height: 20px;
    background: url(../images/icon17.png) left center no-repeat;
    margin-left: 15px;
    vertical-align: middle;
    margin-right: 12px;
}
.us-contact-rt .public-service dl dd a {
    font-size: 14px;
    color: #666;
    background: url(../images/img022.png) no-repeat;
    display: inline-block;
    width: 122px;
    height: 46px;
    line-height: 46px;
}
.us-contact-rt .public-service dl dd a:hover i {
    -webkit-animation-name: buzz-out;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
}
@-webkit-keyframes buzz-out {
    0% {
        -webkit-transform: translateX(3px) rotate(2deg);
    }
    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
    }
}

/* ��ҳ-SEO���� */
.seo-banner {
    position: relative
}
.seo-banner img {
    width: 100%;
    min-width: 1200px;
}
.seo-banner .text {
    width: 932px;
    height: 184px;
    background: url(../images/text004.png) no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    margin-top: -92px;
}
.seo-antistop {
    width: 100%;
    min-width: 1200px;
    background: url(../images/bg9.jpg) no-repeat;
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 90px;
}
.seo-antistop-in {
    width: 1200px;
    margin: 0 auto
}
.seo-antistop-in h1 {
    font-size: 48px;
    color: #333;
    text-align: center
}
.seo-antistop-in .text {
    font-size: 16px;
    color: #333;
    line-height: 30px;
    text-align: center;
    width: 950px;
    margin: 25px auto
}
.seo-antistop-cont {
    overflow: hidden;
    margin-top: 60px
}
.seo-antistop-cont dl {
    float: left;
    width: 25%;
    padding: 0 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.seo-antistop-cont dl dt {
    width: 148px;
    height: 148px;
    margin: 0 auto
}
.seo-antistop-cont dl.one dt {
    background: url(../images/icon20.png) no-repeat;
}
.seo-antistop-cont dl.two dt {
    background: url(../images/icon21.png) no-repeat;
}
.seo-antistop-cont dl.three dt {
    background: url(../images/icon22.png) no-repeat;
}
.seo-antistop-cont dl.fore dt {
    background: url(../images/icon23.png) no-repeat;
}
.seo-antistop-cont dl dd {
    font-size: 16px;
    color: #333;
    line-height: 25px;
    text-align: center;
    margin-top: 35px
}
.seo-ranking {
    width: 1200px;
    padding-top: 60px;
    padding-bottom: 50px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
}
.seo-ranking h1 {
    font-size: 48px;
    color: #333;
    text-align: center
}
.seo-ranking p {
    font-size: 16px;
    color: #333;
    line-height: 30px;
    text-align: center;
    width: 950px;
    margin: 25px auto
}
.seo-ranking-in {
    overflow: hidden;
    margin-top: 50px
}
.seo-ranking-in dl {
    float: left;
    width: 278px;
    height: 355px;
    margin: 0 11px;
    display: inline;
    background: #F2F2F2;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.seo-ranking-in dl:hover {
    background: #01509F;
}
.seo-ranking-in dl:hover dd {
    color: #fff
}
.seo-ranking-in dl dt img {
    width: 270px;
    height: 178px;
    margin: 4px auto
}
.seo-ranking-in dl.margin0 {
    margin-left: 0
}
.seo-ranking-in dl dd {
    padding: 18px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 23px;
    color: #333
}
.seo-software {
    width: 100%;
    min-width: 1200px;
    background: url(../images/bg9.jpg) no-repeat;
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 5x;
}
.seo-software-in {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden
}
.seo-software-lt {
    float: left;
    width: 50%
}
.seo-software-rt {
    float: left;
    width: 50%;
    padding-left: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.seo-software-lt .pc {
    width: 605px;
    height: 583px;
    background: url(../images/img027.png) no-repeat;
}
.seo-software-rt h1 {
    font-size: 48px;
    color: #333;
    margin-top: 80px;
}
.seo-software-rt h1 span {
    font-size: 30px;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 10px
}
.seo-software-rt p {
    font-size: 18px;
    color: #333;
    line-height: 30px;
    margin-top: 30px;
}
.seo-software-rt a.more {
    font-size: 18px;
    color: #005CAD;
    border: 1px solid #005CAD;
    border-radius: 5px;
    border-radius: 5px;
    border-radius: 5px;
    width: 120px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    display: block;
    margin-top: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.seo-software-rt a.more:hover {
    background: #005CAD;
    color: #fff
}
.seo-cut {
    width: 1200px;
    padding-top: 60px;
    padding-bottom: 60px;
    overflow: hidden;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
}
.seo-cut-lt a.more {
    font-size: 18px;
    color: #005CAD;
    border: 1px solid #005CAD;
    border-radius: 5px;
    border-radius: 5px;
    border-radius: 5px;
    width: 120px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    display: block;
    margin-top: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
    -o-transition: .5s;
}
.seo-cut-lt a.more:hover {
    background: #005CAD;
    color: #fff
}
.seo-cut-lt {
    float: left;
    width: 40%
}
.seo-cut-rt {
    float: left;
    width: 60%
}
.seo-cut-rt .ipad {
    width: 719px;
    height: 499px;
    background: url(../images/img028.png) no-repeat;
}
.seo-cut-lt h1 {
    font-size: 48px;
    color: #333;
    margin-top: 60px;
}
.seo-cut-lt h1 span {
    font-size: 30px;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 10px
}
.seo-cut-lt p {
    font-size: 18px;
    color: #333;
    line-height: 30px;
    margin-top: 20px;
}

/* ��ҳ-���� */
.case-banner {
    position: relative
}
.case-banner img {
    width: 100%;
    min-width: 1200px;
}
.case-banner .text-in {
    position: absolute;
    width: 1200px;
    margin: 0 auto;
    left: 0;
    right: 0;
    overflow: hidden;
    top: 50%
}
.case-banner .text {
    width: 750px;
    height: 184px;
    float: right;
}
.case-banner .text h1 {
    font-size: 36px;
    color: #fff
}
.case-banner .text p {
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    margin-top: 10px;
}
.case-headline {
    margin: 50px auto;
    overflow: hidden
}
.case-lt {
    float: left
}
.case-rt {
    float: right;
}
.case-rt .case-tab {
    overflow: hidden;
    width: 508px;
    height: 74px;
    padding: 12px 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(../images/img030.png) no-repeat;
    background-size: cover
}
.case-rt .case-tab li {
    float: left;
    font-size: 16px;
    color: #333;
    height: 49px;
    line-height: 49px;
    width: 120px;
    text-align: center;
    cursor: pointer
}
.case-rt .case-tabCrt {
    background: #EBEBEB;
    color: #005CAD !important
}
.case-box {
    width: 1200px;
    margin: 0 auto
}
.case-content-in {
    overflow: hidden;
    min-height: 800px;
}
.case-content-in dl {
    float: left;
    width: 363px;
    margin: 18px;
}
.case-content-in dl.margin0 {
    margin-left: 0
}
.case-content-in dl dt img {
    width: 363px;
    height: 230px
}
.case-content-in dl dd h1 {
    font-size: 18px;
    font-weight: normal;
    color: #333;
    height: 23px;
    overflow: hidden;
    margin-top: 10px;
}
.case-content-in dl dd p {
    font-size: 12px;
    color: #999;
    height: 15px;
    overflow: hidden;
    margin-top: 10px;
}
.case-content-in dl:hover dd {
    text-shadow: 2px 2px 3px #999;
}
.case-content-in dl:hover dd h1 {
    font-weight: bold
}
.case-content-in dl:hover dd p {
    font-weight: bold
}
.project {
    width: 363px
}
.project-list:after {
    content: " ";
    display: block;
    clear: both;
}
.project__image {
    display: block;
    position: relative;
}
.project__image img {
    width: 100%;
    max-width: 100%;
    display: block;
}
.project__image:after {
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.4));
    transition: opacity .3s ease;
    opacity: 0;
}
.project__card {
    position: relative;
    will-change: transform;
    transition: box-shadow .3s ease;
    box-shadow: 0 10px 30px transparent;
}
.project__card.hover-in {
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out;
}
.project__card.hover-out {
    transition: -webkit-transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in, -webkit-transform .2s ease-in;
}
.project:hover .project__card {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}
.project:hover .project__image:after {
    opacity: 1;
}

/* ��ҳ */
.page {
    text-align: center;
    margin-bottom: 50px
}
.page a {
    display: inline-block;
    width: 34px;
    height: 34px;
    background: url(../images/icon024.jpg) no-repeat;
    font-size: 14px;
    color: #333;
    line-height: 34px;
    text-align: center
}
.pageLt {
    background: url(../images/icon026.jpg) no-repeat !important;
    background-size: 34px !important
}
.pageRt {
    background: url(../images/icon027.jpg) no-repeat !important;
    background-size: 34px !important
}
.page .num:hover,
.pageCrt {
    color: #fff !important;
    background: url(../images/icon025.jpg) no-repeat !important;
}

/* ��ҳ-��̬ */
.trends-tab {
    overflow: hidden;
    width: 389px;
    height: 74px;
    padding: 12px 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(../images/img030.png) no-repeat;
    background-size: cover
}
.trends-tab li {
    float: left;
    font-size: 16px;
    color: #333;
    height: 49px;
    line-height: 49px;
    width: 120px;
    text-align: center;
    cursor: pointer
}
.trends-tabCrt {
    background: #EBEBEB;
    color: #005CAD !important
}
.trends-content-in {
    margin-bottom: 50px;
    min-height: 800px
}
.trends-content-in dl {
    overflow: hidden;
    padding: 25px 0;
    border-bottom: 1px dashed #CCCED5;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.trends-content-in dl dt img {
    width: 251px;
    height: 151px
}
.trends-content-in dl dt {
    float: left
}
.trends-content-in dl dd {
    float: right;
    width: 920px
}
.trends-content-in dl dd h1 {
    font-size: 18px;
    color: #333;
    font-weight: normal;
    margin-top: 5px
}
.trends-content-in dl dd p {
    font-size: 14px;
    color: #999;
    line-height: 25px;
    margin-top: 10px;
}
.trends-content-in dl dd span {
    font-size: 12px;
    color: #CCC;
    display: block;
    margin-top: 10px;
}
.trends-content-in dl:hover {
    box-shadow: 0 6px 16px #ddd, 0 0 2px #ddd, 0 0 2px #ddd;
    -webkit-box-shadow: 0 6px 16px #ddd, 0 0 2px #ddd, 0 0 2px #ddd;
    -moz-box-shadow: 0 6px 16px #ddd, 0 0 2px #ddd, 0 0 2px #ddd;
}

/* ��ҳ-������ϸ */
.crumbs {
    height: 50px;
    line-height: 50px;
    width: 100%;
    min-width: 1200px;
    background: #E3E3E3;
    margin-top: 70px;
}
.crumbs-in {
    width: 1200px;
    margin: 0 auto;
    font-size: 14px;
    color: #030303
}
.crumbs-in a {
    color: #030303
}
.crumbs-in i {
    font-style: normal;
    color: #0056A3
}
.caseShow {
    width: 1200px;
    margin: 0 auto;
}
.caseShow .headerline {
    font-size: 30px;
    color: #333;
    border-bottom: 1px dashed #CCCED5;
    background: url(../images/line5.jpg) left 63px no-repeat;
    padding: 60px 0 10px 20px
}
.caseShow ul {
    margin-top: 10px;
}
.caseShow ul li {
    overflow: hidden;
    font-size: 16px;
    line-height: 25px;
    color: #666;
    margin-top: 5px
}
.caseShow ul li span {
    float: left
}
.caseShow ul li i {
    float: left;
    font-style: normal;
    width: 1150px
}
.caseShow .img img {
    margin: 70px auto;
    max-width: 100%
}
.share {
    overflow: hidden;
    border-top: 1px dashed #CCCED5;
    padding-top: 15px;
    padding-bottom: 50px
}
.share-lt {
    float: left;
    width: 50%
}
.share-rt {
    float: right;
    width: 50%;
    font-size: 14px;
    color: #333;
    text-align: right;
    margin-top: 5px
}
.share-rt a img {
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px
}
.share-lt p a {
    display: block;
    font-size: 14px;
    color: #666;
    line-height: 30px;
}
.share-lt p a:hover {
    color: #005CAD;
    text-decoration: underline
}

/* ��ҳ-��̬��ϸ */
.trendsShow {
    width: 1200px;
    margin: 0 auto;
}
.trendsShow-content {
    overflow: hidden;
    padding-bottom: 35px;
    margin-top: 40px;
}
.trendsShow-lt {
    float: left;
    width: 860px;
    border-right: 1px solid #E6E6E6;
    padding-right: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.trendsShow-rt {
    float: right;
    width: 340px;
    padding-left: 35px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.trendsShow-rt .news h1 {
    overflow: hidden;
    margin: 20px 0
}
.trendsShow-rt .news h1 span {
    float: left;
    font-size: 20px;
    color: #333
}
.trendsShow-rt .news h1 a {
    float: right;
    font-size: 12px;
    color: #666;
    font-weight: normal;
    margin-top: 5px
}
.trendsShow-rt .news ul li a {
    display: block;
    font-size: 14px;
    color: #666;
    line-height: 35px;
    background: url(../images/icon035.jpg) left center no-repeat;
    padding-left: 20px;
}
.trendsShow-rt .news ul li a:hover {
    text-decoration: underline
}
.trendsShow-lt .title b {
    font-size: 30px;
    color: #333;
    display: block;
    border-bottom: 1px dashed #CCCED5;
    padding-bottom: 26px
}
.trendsShow-lt .title {
    text-align: center;
    margin-bottom: 40px
}
.trendsShow-lt .title span {
    font-size: 14px;
    color: #999;
    display: block;
    padding-top: 26px
}
.trendsShow-lt p,
.trendsShow-lt h1 {
    font-size: 16px;
    color: #333;
    line-height: 25px;
    font-weight: normal
}
.trendsShow-lt ul li {
    font-size: 16px;
    color: #333;
    line-height: 50px;
}
.duration {
    animation-duration: 2s;
}

/* ��ҳ-APP */
.app-banner {
    position: relative
}
.app-banner img {
    width: 100%;
    min-width: 1200px;
}
.app-banner .text {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    margin-top: -100px;
}
.app-banner h1 {
    font-size: 72px;
    color: #fff;
    text-align: center;
}
.app-banner h1 span {
    font-size: 30px;
    display: block;
    margin-top: 10px;
}
.app-banner .seo-banner-btm {
    text-align: center;
    margin-top: 30px;
}
.app-banner .seo-banner-btm a {
    font-size: 18px;
    display: inline-block;
    color: #fff;
    width: 127px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    background: #005CAD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #015DAD;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.app-banner .seo-banner-btm a:hover {
    color: #fff;
    background: none;
    border: 1px solid #fff
}
.app-develop {
    width: 100%;
    min-width: 1200px;
    background: url(../images/bg10.jpg) no-repeat;
    background-size: cover;
    padding-top: 100px;
    padding-bottom: 90px;
}
.app-develop-in {
    width: 1200px;
    margin: 0 auto
}
.app-develop-in .title {
    font-size: 48px;
    color: #fff;
    text-align: center;
    font-weight: bold
}
.app-develop-box {
    overflow: hidden;
    margin-top: 100px;
}
.app-develop-lt {
    float: left;
    width: 50%;
    padding: 0 110px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.app-develop-rt {
    float: right;
    width: 50%;
    padding: 0 110px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.app-develop-box dl dt {
    margin: 0 auto;
    margin-bottom: 30px !important
}
.app-develop-lt dl dt {
    width: 123px;
    height: 145px;
    background: url(../images/icon042.png) no-repeat;
}
.app-develop-rt dl dt {
    width: 117px;
    height: 145px;
    background: url(../images/icon043.png) no-repeat;
}
.app-develop-box dl dd h1 {
    font-size: 30px;
    color: #fff;
    text-align: center
}
.app-develop-box dl dd p {
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    margin-top: 30px;
}
.app-project {
    width: 1200px;
    margin: 0 auto;
    padding-top: 90px;
    padding-bottom: 110px;
}
.app-project h1 {
    font-size: 48px;
    color: #333;
    text-align: center
}
.app-project p {
    font-size: 16px;
    color: #333;
    text-align: center;
    line-height: 30px;
    width: 610px;
    margin: 0 auto;
    margin-top: 15px !important
}
.app-project-in {
    overflow: hidden;
    margin-top: 70px;
}
.app-project-in dl {
    float: left;
    width: 218px;
    margin: 0 10px
}
.app-project-in dl:hover {
    box-shadow: 0 4px 16px #E4E3E1, 0 0 3px #E4E3E1, 0 0 3px #E4E3E1;
    -webkit-box-shadow: 0 4px 16px #E4E3E1, 0 0 3px #E4E3E1, 0 0 3px #E4E3E1;
    -moz-box-shadow: 0 4px 16px #E4E3E1, 0 0 3px #E4E3E1, 0 0 3px #E4E3E1;
}
.app-project-in dl dt img {
    width: 218px;
    height: 233px;
}
.app-project-in dl dd {
    font-size: 18px;
    color: #fff;
    background: #000000;
    height: 60px;
    line-height: 60px;
    text-align: center
}
.app-project-in dl:hover {
    filter: alpha(Opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.app-refer {
    width: 100%;
    min-width: 1200px;
    background: url(../images/bg3.jpg) no-repeat;
    background-size: cover;
    padding-top: 100px;
    padding-bottom: 65px;
}
.app-refer-in {
    width: 1100px;
    margin: 0 auto
}
.app-refer-in h1 {
    font-size: 48px;
    color: #333;
    text-align: center
}
.app-refer-in p {
    font-size: 16px;
    color: #333;
    text-align: center;
    line-height: 30px;
    margin-top: 15px !important
}
.app-refer-add {
    overflow: hidden;
    margin-top: 90px;
}
.app-refer-add dl {
    float: left;
    margin: 0 25px;
}
.app-refer-add dl dd {
    font-size: 30px;
    text-align: center;
    font-weight: bold;
    color: #333;
    margin-top: 25px;
}
.app-refer-add div {
    float: left;
    margin: 0 25px;
}
.app-refer-add div.add {
    width: 37px;
    height: 37px;
    background: url(../images/icon040.png) no-repeat;
    margin-top: 30px;
}
.app-refer-add div.equal-to {
    width: 37px;
    height: 23px;
    background: url(../images/icon041.png) no-repeat;
    margin-top: 35px;
}
.app-refer-add dl dt {
    margin: 0 auto;
    height: 93px;
}
.app-refer-add dl.one dt {
    width: 44px;
    background: url(../images/icon036.png) no-repeat;
    background-size: 44px 78px
}
.app-refer-add dl.two dt {
    width: 94px;
    background: url(../images/icon037.png) no-repeat;
    background-size: 94px 62px
}
.app-refer-add dl.three dt {
    width: 93px;
    background: url(../images/icon038.png) no-repeat;
    background-size: 93px 71px
}
.app-refer-add dl.fore dt {
    width: 76px;
    background: url(../images/icon039.png) no-repeat;
    background-size: 76px 93px
}
.app-refer .message a {
    display: block;
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    width: 244px;
    height: 75px;
    line-height: 75px;
    background: #005CAD url(../images/message.png) 20px center no-repeat;
    padding-left: 95px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0 auto;
    margin-top: 65px !important;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    border: 1px solid #005CAD
}
.app-refer .message a:hover {
    background: url(../images/messages.png) 20px center no-repeat;
    color: #005CAD;
}

/* ��ҳ-΢�ſ��� */
.WeChat-banner {
    position: relative
}
.WeChat-banner img {
    width: 100%;
    min-width: 1200px;
}
.WeChat-banner .text {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    margin-top: -122px;
    width: 951px;
    height: 243px;
    background: url(../images/img038.png) no-repeat;
    padding-top: 45px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.WeChat-banner .text h1 {
    font-size: 58px;
    text-align: center;
    color: #fff
}
.WeChat-banner .text p {
    font-size: 20px;
    text-align: center;
    color: #fff;
    margin-top: 40px;
}
.WeChat-innovate {
    width: 1200px;
    margin: 0 auto;
    padding-top: 60px;
    padding-bottom: 85px;
}
.WeChat-innovate h1 {
    font-size: 28px;
    text-align: center;
    color: #333;
}
.WeChat-innovate p {
    font-size: 18px;
    text-align: center;
    color: #666;
    margin-top: 60px;
}
.innovete-in {
    overflow: hidden;
    margin-top: 75px;
}
.innovete-in dl {
    width: 33.3%;
    float: left;
    padding: 0 80px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.innovete-in dl dd {
    font-size: 14px;
    line-height: 30px;
    color: #666;
    text-align: center;
    margin-top: 25px;
}
.innovete-in dl dt {
    text-align: center;
    font-size: 24px;
    color: #333;
    font-weight: bold
}
.innovete-in dl dt span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}
.innovete-in dl dt .span-one {
    width: 64px;
    height: 61px;
    background: url(../images/icon044.png) no-repeat;
}
.innovete-in dl dt .span-two {
    width: 60px;
    height: 63px;
    background: url(../images/icon045.png) no-repeat;
}
.innovete-in dl dt .span-three {
    width: 57px;
    height: 64px;
    background: url(../images/icon046.png) no-repeat;
}
.WeChat-serve {
    width: 100%;
    min-width: 1200px;
    background: url(../images/bg11.jpg) no-repeat;
    background-size: cover;
    padding-top: 65px;
    padding-bottom: 120px;
}
.WeChat-serve .title {
    font-size: 36px;
    text-align: center;
    color: #fff
}
.WeChat-serve-in {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 50px
}
.WeChat-serve-in dl {
    width: 260px;
    height: 315px;
    background: #fff;
    float: left;
    margin: 20px;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.WeChat-serve-in dl dd h1 {
    font-size: 18px;
    color: #333;
    text-align: center;
    background: url(../images/icon055.jpg) center bottom no-repeat;
    padding-bottom: 10px;
}
.WeChat-serve-in dl dd p {
    font-size: 14px;
    color: #999;
    text-align: center;
    line-height: 27px;
    margin-top: 20px
}
.WeChat-serve-in dl dd {
    margin-top: 30px
}
.WeChat-serve-in dl dt {
    margin: 0 auto;
    height: 63px;
    width: 68px;
    margin-top: 30px;
}
.WeChat-serve-in dl.one dt {
    background: url(../images/icon047.png) center center no-repeat;
}
.WeChat-serve-in dl.two dt {
    background: url(../images/icon048.png) center center no-repeat;
}
.WeChat-serve-in dl.three dt {
    background: url(../images/icon049.png) center center no-repeat;
}
.WeChat-serve-in dl.fore dt {
    background: url(../images/icon050.png) center center no-repeat;
}
.WeChat-serve-in dl.five dt {
    background: url(../images/icon051.png) center center no-repeat;
}
.WeChat-serve-in dl.six dt {
    background: url(../images/icon052.png) center center no-repeat;
}
.WeChat-serve-in dl.seven dt {
    background: url(../images/icon053.png) center center no-repeat;
}
.WeChat-serve-in dl.eight dt {
    background: url(../images/icon054.png) center center no-repeat;
}
.WeChat-project {
    width: 1200px;
    margin: 0 auto;
    padding-top: 65px;
    padding-bottom: 100px;
}
.WeChat-project h1 {
    font-size: 36px;
    color: #333;
    text-align: center
}
.WeChat-project-in {
    overflow: hidden
}
.WeChat-project-in dl {
    float: left;
    width: 25%;
    margin-top: 60px;
}
.WeChat-project-in dl dt {
    width: 130px;
    height: 130px;
    margin: 0 auto
}
.WeChat-project-in dl.one dt {
    background: url(../images/icon056.png) no-repeat;
}
.WeChat-project-in dl.two dt {
    background: url(../images/icon057.png) no-repeat;
}
.WeChat-project-in dl.three dt {
    background: url(../images/icon058.png) no-repeat;
}
.WeChat-project-in dl.fore dt {
    background: url(../images/icon059.png) no-repeat;
}
.WeChat-project-in dl.five dt {
    background: url(../images/icon060.png) no-repeat;
}
.WeChat-project-in dl.six dt {
    background: url(../images/icon061.png) no-repeat;
}
.WeChat-project-in dl.seven dt {
    background: url(../images/icon062.png) no-repeat;
}
.WeChat-project-in dl.eight dt {
    background: url(../images/icon063.png) no-repeat;
}
.WeChat-project-in dl dd {
    font-size: 20px;
    color: #333;
    text-align: center;
    margin-top: 25px;
}
.WeChat-case {
    width: 100%;
    min-width: 1200px;
    background: #F3F3F3;
    padding: 65px 0
}
.WeChat-case h1 {
    font-size: 36px;
    color: #333;
    text-align: center
}
.WeChat-case-in {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 60px;
}
.WeChat-case-in dl {
    float: left;
    width: 380px;
    margin: 0 10px;
    display: inline
}
.WeChat-case-in dl.margin0 {
    margin-left: 0
}
.WeChat-case-in dl dt img {
    width: 380px;
    height: 220px;
}
.WeChat-case-in dl dd {
    font-size: 16px;
    color: #333;
    height: 20px;
    overflow: hidden;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 15px;
}
.WeChat-case-in dl:hover img {
    filter: alpha(Opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.WeChat-case-in dl:hover dd {
    filter: alpha(Opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}